<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="html/css/mui.min.css">
		<link rel="stylesheet" href="html/css/iconfont.css" />
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="html/css/app.css"/>
		<script type="text/javascript" src="html/js/jquery-1.11.3.js"></script>
		<script type="text/javascript" src="script/api.js"></script>

		<script src="html/js/mui.js"></script>
		<style>
			* { touch-action: none; }
			.title{
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			html,body{
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
			}
			.mui-content{
				width: 100%;
				height: calc(100% - 110px);
				position: absolute;
				top: 58px;
				margin: 0;
				padding: 0;
			}
			.mui-content .content_item{
				width: 100%;
				height: 100%;
			}
			.oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}

			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}

			.oa-contact-avatar {
				width: 75px;
			}
			.oa-contact-avatar img {
				border-radius: 50%;
			}
			.oa-contact-content {
				width: 100%;
			}
			.oa-contact-name {
				margin-right: 20px;
			}
			.oa-contact-name, oa-contact-position {
				float: left;
			}
			.mui-bar{
				background:#4F77AA ;
				color: #ffffff;
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0);
				box-shadow: 0 0 1px rgba(0,0,0,0);
			}
			.mui-title{
				color: #ffffff;
			}
			a{
				color:#ffffff;
			}
			.mui-bar-bottom{
				background: #ffffff;
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1);
				box-shadow: 0 0 1px rgba(0,0,0,0.1);
			}
			.mui-content-title{
				width: 100%;
				height: 70px;
				padding-top: 10px;
				background: #4F77AA;
				color: #ffffff;
			}
			.mui-content-title .mui-content-title-left{
				width: 50%;
				text-align: center;
				height: 100%;
				float: left;
			}
			.mui-content-title .mui-content-title-right{
				width: 50%;
				height: 100%;
				text-align: center;
				float: right;
			}
			.mui-content-title p{
				color: #ffffff;
				margin: 0;
			}
			.mui-content-title h3{
				margin: 0;
			}
			.mui-content-main{
				width: 100%;
				background: #ffffff;
				margin-top: 8px;
			}
			.mui-content-main-title ul a label{
				display: inline-block;
				width: 3px;
				height: 20px;
				float: left;
				margin-right: 4px;
				background: #4F77AA;
			}
			.mui-content-main-title ul a span{
				color: #CCCCCC;
				float: right;
				padding-right: 20px;
				font-size: 13px;
			}
			.mui-content-main-content{
				width: 100%;
				padding: 11px 15px;
			}
			.mui-content-main-content .main-content-item{
				width: 25%;
				text-align: center;
				float: left;
			}
			.mui-content-main-content .main-content-item a i{
				font-size: 28px;
				position: relative;
			}
			.mui-content-main-content .main-content-item p{
				margin-top: 5px;
			}
			.clear{
				clear: both;
			}
			.color-primary{
				color: #1ab394;
			}
			.color-success {
				color: #1c84c6;
			}
			.color-info {
				color: #23c6c8;
			}
			.color-warning {
				color: #f8ac59;
			}
			span#openscan{
				display: inline-block;
				width:60px;
				height:60px;
				text-align: center;
				line-height:60px;
				font-size: 28px;
				border-radius: 50%;
				background: #4F77AA;
				color:#ffffff;
				position: absolute;
				top: -20px;
				right: 50%;
				margin-right: -30px;
			}
			a.no_href{
				position: relative;
			    display: block;
			    overflow: hidden;
			    margin: -11px -15px;
			    padding: inherit;
			    white-space: nowrap;
			    text-overflow: ellipsis;
			    color: inherit;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">首页</h1>
			<!--<a class="mui-icon mui-icon-bars mui-pull-right"></a>-->
		</header>
		<nav class="mui-bar mui-bar-tab mui-bar-bottom">
			<a class="mui-tab-item mui-active" href="index.html">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="html/public/equipment.html">
				<span class="mui-icon mui-icon-email fa fa-file-text-o" style="font-size: 20px;"></span>
				<span class="mui-tab-label">设备</span>
			</a>
			<p class="mui-tab-item" href="#">
				<span class="icon iconfont icon-saoyisao" id="openscan"></span>
			</p>
			<a class="mui-tab-item" href="html/public/spare_part.html">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">备件</span>
			</a>
			<a class="mui-tab-item" href="html/public/my.html">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content">
		 <div class="content_item">
		<div id="scroll" class="mui-scroll-wrapper">
        <div class="mui-scroll">
			<div class="mui-content-title">
				<div class="mui-content-title-left">
					<p >待完成工单数</p>
					<h3 id="workNum" >0</h3>
				</div>
				<div class="mui-content-title-right">
					<p>报警数量</p>
					<h3>0</h3>
				</div>
			</div>

			<div class="mui-content-main" style="margin: 0;">

				<div class="mui-content-main-title">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="html/trouble_repair/repair_slip.html">
								<label></label>故障报修
								<span>全部单据</span>
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-content-main-content">
					<div class="main-content-item">
						<a href="html/trouble_repair/add_repair.html" class=""><i class="color-primary icon iconfont icon-baoxiu"></i>
							<p>报修</p>
						</a>
					</div>
				<!-- 	<div class="main-content-item">
						<a href="#" class="">
							<i class="color-success icon iconfont icon-shenhe"></i>
							<p>审核</p>
						</a>
					</div> -->
					<div class="main-content-item">
						<a href="html/trouble_repair/unevaluated.html" class=""><i class="color-info iconfont icon-yanzheng"></i>
							<p>待评价</p>  
						</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>

			<div class="mui-content-main">
				<div class="mui-content-main-title">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="html/equipment_maintenance/all_maintenance.html">
								<label></label>设备维修
								<span>全部单据</span>
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-content-main-content">
					<div class="main-content-item">
						<a href="html/equipment_maintenance/unreceipt/unreceipt_list.html" class=""><i class="color-primary iconfont icon-renwuliebiao"></i>
							<p>抢单</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/equipment_maintenance/unimplement/unimplement_list.html" class="">
							<i class="color-success iconfont icon-ico_shujuchaxunyutongji_yongcanmingxi mui-icon"><span class="mui-badge">19</span></i>

							<p>待执行</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/equipment_maintenance/repairing/repairing_list.html" class=""><i class="color-info iconfont icon-weixiu mui-icon"><span class="mui-badge">9</span></i>
							<p>维修中</p>  
						</a>
					</div>
				<!-- 	<div class="main-content-item">
						<a href="#" class=""><i class="color-warning iconfont icon-listchecknoteb"></i>
							<p>快速工单</p>  
						</a>
					</div> -->
				</div>
				<div class="clear"></div>
			</div>
			<div class="mui-content-main">
				<div class="mui-content-main-title">
					<ul class="mui-table-view">
						<li class="" style="position: relative;overflow: hidden;padding: 11px 15px;">
							<a class="no_href"  href="javascript:void(0)">
								<label></label>计划任务
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-content-main-content">
					<div class="main-content-item">
						<a href="html/plan_manage/patrolinspection_plan/patrolinspection_plan.html" class=""><i class="color-info iconfont icon-qichebaoyangweixiushenqing"></i>
							<p>巡检任务</p>
						</a>
					</div>
				<!-- 	<div class="main-content-item">
						<a href="#" class="">
							<i class="color-primary iconfont icon-xiazai"></i>
							
							<p>离线巡检</p>
						</a>
					</div> -->
					<div class="main-content-item">
						<a href="html/plan_manage/maintenance_plan/maintenance_plan.html" class=""><i class="color-warning iconfont icon-jihua"></i>
							<p>保养任务</p>  
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/plan_manage/maintenance_workorder/maintenance_workorder.html" class=""><i class="color-success iconfont icon-jihuanengli"></i>
							<p>保养工单</p>  
						</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="mui-content-main">
				<div class="mui-content-main-title">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">
								<label></label>数据统计
							</a>
						</li>
					</ul>
				</div>
				<div class="mui-content-main-content">
					<div class="main-content-item">
						<a href="#" class=""><i class="color-warning iconfont icon-renyuan"></i>
							<p>人员状态</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/data_statistics/fault_statistics/fault_statistics.html" class="">
							<i class="color-primary iconfont icon-icon"></i>
							
							<p>故障统计</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/data_statistics/data_kanban/data_kanban.html" class=""><i class="color-info iconfont icon-tongjibaobiao"></i>
							<p>数据看板</p>  
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/plan_manage/maintenance_workorder/maintenance_workorder.html" class=""><i class="color-info iconfont icon-tongjibaobiao"></i>
							<p>扫一扫</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/public/form.html" class=""><i class="color-info iconfont icon-tongjibaobiao"></i>
							<p>表单</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/public/form1.html" class=""><i class="color-info iconfont icon-tongjibaobiao"></i>
							<p>表单1</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/public/dialog.html" class=""><i class="color-info iconfont icon-tongjibaobiao"></i>
							<p>弹框</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/public/progress.html" class=""><i class="color-info iconfont icon-tongjibaobiao"></i>
							<p>进度</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/public/popovers.html" class=""><i class="color-info iconfont icon-tongjibaobiao"></i>
							<p>弹出子页面</p>
						</a>
					</div>
					<div class="main-content-item">
						<a href="html/public/autograph.html" class=""><i class="color-info iconfont icon-tongjibaobiao"></i>
							<p>手写签名</p>
						</a>
					</div>
				
				</div>
				<div class="clear"></div>
			</div>
		</div>
		</div>
		</div>
        </div>
		
		<script>
			mui('body').on('tap','a',function(){
				window.top.location.href=this.href; 
			});
			window.onload=function(){
				//待完成工单总数
				// getAPPPendingNumber();
			
				//扫码
				var openscan=document.getElementById("openscan");
				openscan.onclick=function(){
					openViewScan("html/public/qrcode_frm.html");
					// window.location.href="html/public/qrcode_frm.html";
				}
			}
		
			
			function getAPPPendingNumber(){
			
				 $.ajax({
				 	url:ctx+"/sys/patrol/App/AppWorkOrder/getAPPPendingNumber",
				 	dataType:"json",
				 	success:function(data){
						$("#workNum").html(data);
				 	},
                   	error:function(){
                       $("#workNum").html(0);
                    }
				 })
			
			}
			 (function($) {
		        $('#scroll').scroll({
		            indicators: true //是否显示滚动条
		        });
		      
		        $.init();
     
    		})(mui);


			/**	var login=document.getElementById("login");
				login.onclick=function(){
					window.location.href="../../index.html";
				} **/
				
		//	$(".loginForm").validate();
		/**	$("#login_button").click(function(){

				var params={};
				params.username=$("input[name='username']").val();
				params.password=$("input[name='password']").val();
			
				 $.ajax({
				 	type:"post",
				 	url:ctx+"/sys/login/appLogin",
				 	data:params,
				 	dataType:"json",
				 	success:function(data){
							
				 		//跳转到首页
				 		if (data.msg == 1){
				 		  	$api.setStorage('username',params.username);//将用户名保存到本地
				 			window.location.href="index.html";
				 		}else if(data.msg == 0||data.msg==-1){
				 			alert('用户名或密码不正确！');
				 		}else if(data.msg == 2){
				 			alert('当前用户未分配任何权限！');
				 		}
				
				 	},
                   	error:function(){
                        alert("连接不到服务器,请检查网络!!!");
                    }
				 })
			}) */
				
		</script>
		
	</body>
</html>